<!DOCTYPE html>
<html lang="en">
    <head>
        <title>SmartNet | Cart</title>
        <meta charset="utf-8">
        <link rel="stylesheet" href="css/reset.css" type="text/css" media="all">
        <link rel="stylesheet" href="css/layout.css" type="text/css" media="all">
        <link rel="stylesheet" href="css/style.css" type="text/css" media="all">
        <style type="text/css">
            #tblCartDetails {
                border-collapse: collapse;
                font-size: 11pt !important;
                width: 100% !important;    
            }
            
            #tblCartDetails th {
                background: #ccc;
            }
            
            #tblCartDetails th, #tblCartDetails td {
                border: 1px solid gray;
                padding: 5px;
                vertical-align: middle;
            }
            
            #tblCartDetails .months {
                width: 50px;
                height: 20px !important;
                font-size: 11pt !important;
                padding: 0;
                text-align: center;
            }
        </style>
        <script type="text/javascript" src="js/jquery.latest.js"></script>
        <script type="text/javascript" src="js/cufon-yui.js"></script>
        <script type="text/javascript" src="js/cufon-replace.js"></script>
        <script type="text/javascript" src="js/Myriad_Pro_300.font.js"></script>
        <script type="text/javascript" src="js/Myriad_Pro_400.font.js"></script>
        <script type="text/javascript" src="js/Myriad_Pro_600.font.js"></script>
        <script type="text/javascript" src="js/jquery.cookies.js"></script>
        <script type="text/javascript" src="js/jquery.md5.js"></script>
        <script type="text/javascript" src="script/login.js"></script>
        <script type="text/javascript" src="script/table-style.js"></script>
        <script type="text/javascript" src="script/hot-hosting.js"></script>
        <script type="text/javascript" src="script/cart-counter.js"></script>
        <script type="text/javascript" src="script/xsl-loader.js"></script>        
        <script type="text/javascript">
            $(function(){
                loadXSL('data/footer-links.xml', 'data/footer-links.xsl', 'footerLinks');
                showHotHosting('hotHosting', false);
            });
        </script>
        <script type="text/javascript" src="script/cart.js"></script>         
        <!--[if lt IE 7]><script type="text/javascript" src="js/ie6_script_other.js"></script><![endif]-->
        <!--[if lt IE 9]><script type="text/javascript" src="js/html5.js"></script><![endif]-->
    </head>
    <body id="cart">
        <!-- START PAGE SOURCE -->
        <div class="tail-top1">
            <header>
                <div class="container">
                    <div class="header-box">
                        <div class="left">
                            <div class="right">
                                <nav>
                                    <ul>
                                        <li><a href="index.html">Home</a></li>
                                        <li><a href="domains.html">Domains</a></li>
                                        <li><a href="hosting.html">Hosting</a></li>
                                        <li><a href="support.html">Support</a></li>
                                        <li><a href="account.html">Account</a></li>
                                        <li><a href="contacts.html">Contacts</a></li>
                                        <li class="current"><a href="cart.html">Cart (<span id="cart">0</span>)</a></li>
                                    </ul>
                                </nav>
                                <h1><a href="#"><span>Smart</span>Net</a></h1>
                            </div>
                        </div>
                    </div>
                    <span class="top-info">24/7 Sales &amp; Support + 1 800 234 5678</span>
                    <form action="#" id="login-form">
                        <fieldset>
                            <span class="text">
                                <input type="text" id="username" name="username" placeholder="Username">
                            </span>
                            <span class="text">
                                <input type="password" id="password" name="password" placeholder="Password">
                            </span>
                            <a href="#" id="login" class="login"><span><span>Login</span></span></a>
                            <span class="links"><a href="#">Forgot Password?</a><br/>
                            <a href="#">Register</a></span>
                        </fieldset>
                    </form>
                </div>
            </header>
            <section id="content">
                <div class="container">
                    <div class="inside">
                        <div id="slogan">
                            <div class="inside">
                                <h2><span>SmartNet</span> Helps the World to Find You</h2>
                                <p>Nam libero tempore, cum soluta nobis est eligendi optio cumque nihil impedit quo minus quod maxime placeat facere possimus, omnis voluptas assumenda est, omnis dolor repellendus. Temporibus autem quibusdam et aut officiis debitis aut rerum necessitatibus saepe eveniet ut et voluptates repudiandae sint et molestiae non recusandae.</p>
                            </div>
                        </div>
                        <ul id="hotHosting" class="banners wrapper">
                        </ul>
                        <div class="inside1">
                            <div class="wrap row-2">
                                <article class="col-1">
                                    <ul id="solutions" class="solutions">
                                        <li><img src="images/icon1.gif">
                                            <p>Quickly and easily create a Web Page</p>
                                            <a href="#"><b>Read More</b></a></li>
                                        <li><img src="images/icon2.gif">
                                            <p>Share documents any time, any where</p>
                                            <a href="#"><b>Read More</b></a></li>
                                        <li><img src="images/icon3.gif">
                                            <p>24/7 Real Person Customer Support</p>
                                            <a href="#"><b>Read More</b></a></li>
                                        <li><img src="images/icon4.gif">
                                            <p>Online Account Management Tools</p>
                                            <a href="#"><b>Read More</b></a></li>
                                    </ul>
                                </article>
                                <article class="col-2">
                                    <h2>Orders</h2>
                                    <div id="cartDetails">
                                        <table id="tblCartDetails">
                                            <thead>
                                                <tr>
                                                    <th>#</th>
                                                    <th>Service Name</th>
                                                    <th>Price / Month</th>
                                                    <th>Months</th>
                                                    <th>Amount</th>
                                                    <th>Remove</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td colspan="6">Cart is empty.</td>
                                                </tr>
                                            </tbody>
                                            <tfoot style="display: none;">
                                                <tr>
                                                    <td colspan="6" class="alignright">
                                                        <button id="btnUpdateCart">Update</button>
                                                        <button id="btnCheckout">Checkout</button>
                                                    </td>
                                                </tr>
                                            </tfoot>
                                        </table>
                                    </div>
                                </article>
                                <div class="clear"></div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
        </div>
        <aside>
            <div class="container">
                <div class="inside">
                    <div class="line-ver1">
                        <div class="line-ver2">
                            <div class="line-ver3">
                                <div id="footerLinks" class="wrapper line-ver4">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </aside>
        <footer>
            <div class="footerlink">
                <p class="lf">Copyright &copy; 2010 <a href="index.html">SmartNet</a> - All Rights Reserved</p>
                <div style="clear:both;"></div>
            </div>
        </footer>
        <script type="text/javascript"> Cufon.now(); </script>
        <!-- END PAGE SOURCE -->
    </body>
</html>